<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

        <title>CMS Pro - Please Login</title>

        <link rel="stylesheet" href="<?=base_url(); ?>assets/css/bootstrap.css" />
        <link rel="stylesheet" href="<?=base_url(); ?>assets/css/style.css">

        <style type="text/css">

            body {
                background: #FBFBFB;
            }

            form {
                border: 5px solid #DBE1E4;
                width: 290px;
                background: url(<?=base_url()?>assets/img/login/index.png) repeat #FCFDFD;
                font-size: 14px;
                margin: 70px auto;
                width: 532px;
                box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
                font-weight: normal;
                color: #4B5C66;
                padding: 29px 34px 13px 34px;
                text-align: center;
            }

            .content{
                padding:30px 0 0;
                text-align: left;
            }

            h1{
                font-size: 32px;
                font-weight: normal;
            }

            h3{
                color: #89949B;
                font-size: 22px;
                font-weight: normal;
            }

            .form-row {
                margin: 0 0 25px;
            }

            .form-row:before, .form-row:after {
                content: "";
                display: table;
            }

            .form-row:after {
                clear: both;
            }

            .form-row .form-row-left {
                float: left;
            }

            .form-row .form-row-right {
                float: right;
                text-align: right;
            }

            .form-row .form-row-left, .form-row .form-row-right {
                position: relative;
                text-align: left;
            }

            label {
                color: #89949B;
                cursor: pointer;
                display: block;
                font-family: arial,sans-serif;
                font-size: 14px;
                list-style-type: none;
                margin-bottom: 3px;
            }

            input.text {
                background: none repeat scroll 0 0 #FBFBFB;
                border: 1px solid #E5E5E5;
                box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
                margin-bottom: 16px;
                padding: 8px 6px ;
                width: 243px;  
            }

            .errors{
                font-size: 14px;
                color: #777777;                
                background-color: #FFEBE8;
                border-color: #CC0000;
                margin: 0 0 16px 0;
                padding: 12px;
                border-radius: 3px 3px 3px 3px;
                border-style: solid;
                border-width: 1px;
            }
            .errors p{
                color: #777777;
                font-size: 14px;
            }

            .btn{
                font-weight: bold;
            }

        </style>
    </head>

    <body>

        <form method="POST" action="<?=base_url()?>login/loginuser" id="login_form">

            <h1>Sign In</h1>
            <h3>CMS Pro requires authentication</h3>

            <div class="content">

            <div class="errors" <? if(validation_errors()=='' && !isset($logerror))echo'style="display:none;"';?>><?php echo validation_errors(); ?><?php if(isset($logerror))echo $logerror; ?></div>

            <div class="form-row">
                <div class="form-row-left" style="margin-right: 18px;">

                    <label for="email">Username:</label>
                    <input type="text" name="email"  value="<?php echo set_value('email'); ?>" class="text"  />    

                </div>
                <div class="form-row-left">

                    <label for="password">Password:</label>
                    <input type="password" name="password" class="text"  />

                </div>


            </div>  

            <div class="form-actions-row form-row">

                <div class="form-row-right">

                    <input type="submit" value="Login" name="submit" class="btn btn-large" />  
                </div>
            </div>  

        </form>    

    </body>

</html>